<template>
  <div>
<!--    加上key性能更好-->
    <div v-for="(item,index) in data" :key=item.user_id>
      <p>{{item.username}}</p>
      <img :src="item.tech_pic" alt="加载失败">
    </div>
  </div>
</template>

<script setup>
      const data=[
        {
          "tech_pic": "https://re.bluepoch.com/home/img/character/7c.png",
          "user_id": 1,
          "username": "杨兵老师1号"
        },
        {
          "tech_pic": "https://re.bluepoch.com/home/img/character/7c.png",
          "user_id": 5,
          "username": "杨兵"
        },
        {
          "tech_pic": "https://re.bluepoch.com/home/img/character/7c.png",
          "user_id": 6,
          "username": "科比.布莱恩特"
        }
      ]
</script>

<style>

</style>